{% extends "bet_base.html" %}


{% block extra_styles %}
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}styles/index.css" />
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}styles/formly.css"  />
<script type="text/javascript" src="{{MEDIA_URL}}js/formly.js"></script>
{%endblock%}
{% block content %}

<div id="contentbox"> 

<div class="login-left">
Welcome to <strong style="color: rgb(255, 255, 255);">BettorPolitics</strong>, the <strong style="color: rgb(255, 255, 255);">political betting</strong><strong style="color: rgb(221, 0, 23);"> game</strong>.<br>
<br><i>fake <strong style="color: rgb(255,255,255);">money</strong>, <br>real <strong style="color: rgb(255,255,255);">bragging</strong> rights</i>
 </div>
 
 <div class="login-right">
 <form id="login" class="loginform" action="" method="post" title="Login here to begin betting!">
 {% csrf_token %}
 {{form.non_field_errors}}
 {% if error %}
 <h2>{{error}}</h2>
 {%endif%}
 
 <label for="username">USERNAME:</label>
 	{{ form.username }}
 <br>
 <label for="password">PASSWORD:</label>
 	{{ form.password }}
 	
     <p><input class="logininput" type="submit" value="Login" /></p>
</form>
Don't have an account? <a href="signup">Sign up!</a>
</div>
</div>
<script>
$(document).ready(function()
  { $('#login').formly({'onBlur':false, 'theme':'Dark'});; });
</script>
{% endblock %}